<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onchange 内容发生改变事件</title>
    <script type="text/javascript">
        function mySal(){
            alert("工资范围变化了~");
        }

    //     动态注册.
        window.onload=function (){
        //     获取sal01的dom对象。
            var sal01 = document.getElementById("sal01");
        //     给sal01绑定onchange事件。
            sal01.onchange=function (){
                alert("你换女友的~");
            }
        }

    </script>
</head>

<body>
你当前工资水平:
<select>
    <option>--工资范围--</option>
    <option>10k以下</option>
    <option>10k-30k</option>
    <option>30k以上</option>
</select><br/>
你当前女友是谁:
<select id="sal01">
    <option>--女友--</option>
    <option>艳红</option>
    <option>春桃</option>
    <option>春花</option>
</select>
</body>
</html>